<!DOCTYPE html>
<html>
<head>
  <meta content="IE=11.0000" http-equiv="X-Ua-Compatible">
  <meta charset="utf-8">
  <meta name="renderer" content="webkit">
  <meta http-equiv="X-Ua-Compatible" content="IE=edge,chrome=1">
  <!--<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">-->
  <title>工程建设云3</title>

  <!--region 引入公用js和css -->
  <script>
    var HOST_S = "";
    var ctx = "";
  </script>

  <link href="../assets/plugins/animate/animate.css" rel="stylesheet">
  <link href="../assets/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css"/>
  <link href="../assets/plugins/simple-line-icons/simple-line-icons.min.css" rel="stylesheet" type="text/css"/>
  <link href="../assets/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
  <link href="../assets/plugins/bootstrap-switch/css/bootstrap-switch.min.css" rel="stylesheet" type="text/css"/>
  <link href="../assets/plugins/fullcalendar/fullcalendar.css" rel="stylesheet" type="text/css"/>
  <link href="../assets/base/css/components.css" rel="stylesheet" id="style_components" type="text/css"/>
  <link href="../assets/base/css/plugins.css" rel="stylesheet" type="text/css"/>
  <link href="../assets/ditop/layout.css" rel="stylesheet" type="text/css"/>
  <link href="../assets/plugins/datatables/datatables.min.css" rel="stylesheet" type="text/css"/>
  <link href="../assets/plugins/datatables/plugins/bootstrap/datatables.bootstrap.css" rel="stylesheet"
        type="text/css"/>
  <link href="../assets/plugins/bootstrap-table/bootstrap-table.css" rel="stylesheet">
  <link href="../assets/plugins/bootstrap-table/extensions/tree-column/bootstrap-table-tree-column.css"
        rel="stylesheet">
  <link href="../assets/plugins/bootstrap-toastr/toastr.css" rel="stylesheet">
  <link href="../assets/module/gcjsy/gov/css/gcjsy-gov.css" rel="stylesheet">
  <link rel="stylesheet" href="../assets/plugins/sweetalert/sweetalert.css">
  <link rel="stylesheet" href="../assets/plugins/layer/theme/default/layer.css">
  <!-- CSS Customization -->
  <link href="../assets/plugins/select2/css/select2.min.css" rel="stylesheet">
  <link href="../assets/plugins/icheck/skins/flat/aero.css" rel="stylesheet">
  <link href="../assets/ditop/ditop.css" rel="stylesheet">
  <link href="../assets/ditop/style/ztree/style9/treestyle.css" rel="stylesheet">
  <link href="../assets/plugins/bootstrap-touchspin/bootstrap.touchspin.css" rel="stylesheet">
  <link href="../assets/plugins/bootstrap-datepicker/css/bootstrap-datepicker3.min.css" rel="stylesheet"
        type="text/css"/>
  <script src="../assets/plugins/jquery/jquery.min.js"></script>
  <script src="../assets/plugins/bootstrap/js/bootstrap.min.js"></script>
  <script src="../assets/plugins/bootstrap-toastr/toastr.js"></script>
  <script src="../assets/plugins/art-template/template.js"></script>
  <script src="../assets/plugins/layer/layer.js"></script>
  <script src="../assets/ditop/ditop.js"></script>
  <script src="../assets/plugins/ztree/jquery.ztree.all.js"></script>


  <!--需引入-->
  <script src="../assets/plugins/echarts.min.js"></script>
  <link rel="stylesheet" href="creditAnalysis.css">
</head>

<body>
<div class="page-wrapper">
  <div class="page-header navbar">
    <div class="page-header-inner clearfix">
      <div class="logo pull-left">
        <a class="clearfix" href="#">
          <i class="dtFont dtFont-logo"></i>
          <div class="logo-inner">
            <p class="logo-terrace">企业服务平台</p>
            <p class="logo-name">工  程  建  设  云</p>
          </div>
        </a>
      </div>
      <div class="menu-toggler sidebar-toggler" style="height: 0"></div>
      <div class="main-menu pull-left">
        <ul class="nav navbar-nav menu-bar">
          <li class="0a7df-vuf000-002pa " data-menuhelpurl="/c/apply/building/busiList">

            <div class="header-type">首页</div>
          </li>
          <li class="0a7df-vuf000-002pa " data-menuhelpurl="/c/apply/building/busiList">

            <div class="header-type">动态</div>
          </li>
          <li class="0a7df-vuf000-002pa active-menu" data-menuhelpurl="/c/apply/building/busiList">

            <div class="header-type">应用中心</div>
          </li>
          <li class="07udb-6ckv00-00br5 " data-menuhelpurl="/c/ucenter/serviceCenter">

            <div class="header-type">统计</div>
          </li>
        </ul>
      </div>
      <div class="top-menu pull-right">
        <ul class="nav navbar-nav">

          <li><a href="#"><i class="dtFont dtFont-bangzhu2"></i></a></li>
          <li><a href="#"><i class="dtFont dtFont-xinxi3"></i><span class="badge badge-danger"></span></a></li>
          <li class="dropdown">
            <a href="javascript:" class="dropdown-toggle user-info" data-toggle="dropdown" data-hover="dropdown" data-close-others="true"><i class="dtFont dtFont-touxiang2"></i></a>
            <ul class="dropdown-menu dropdown-menu-default pull-right">
              <li class="profile">
                <a href="javascript:"> <i class="icon-user"></i> 个人中心</a>
              </li>
              <li class="changePassword">
                <a href="javascript:"> <i class="icon-key"></i> 修改密码</a>
              </li>
              <li class="feedBack">
                <a href="javascript:"> <i class="icon-bubbles"></i> 给管理员留言</a>
              </li>
              <li class="divider"></li>
              <li class="logout">
                <a href="javascript:"> <i class="icon-close"></i>退出</a>
              </li>
            </ul>
          </li>
        </ul>
      </div>
    </div>
  </div>
  <div class="page-container clearfix">

    <div class="page-sidebar-wrapper pull-left left-nav">
      <div class="menu-toggler sidebar-toggler">
        <div class="minleft">收起</div>
        <div class="minright">展开</div>
      </div>
      <div class="page-sidebar navbar-collapse collapse">
        <div class="left-menu">
          <ul class="page-sidebar-menu" data-keep-expanded="false" data-auto-scroll="true"
              data-slide-speed="200">
            <li class="heading nav_context" pid="0cp5m-auw400-00jxw" data-rid="0cp5m-auw400-00jxw">
              <h3 class="uppercase mudule-name">信用信息管理</h3>
            </li>
            <li class="nav-item active open" title="">
              <a class="nav-link" href="#none">
                <i class="fa fa-file"></i>
                <span class="title">企业信用分析</span>
                <span class="arrow open"></span>
              </a>
              <ul class="sub-menu">
                <li class="nav-item active open" data-rid="0g12u-2k6400-00rh5">
                  <a href="信用采集分析.html" class="nav-link">
                    <i class="fa fa-file"></i><span class="title">信用采集分析</span><span class="selected"></span>
                  </a>
                </li>
                <li class="nav-item" data-rid="0g12u-2k6400-00rh5">
                  <a href="信用评级分析.html" class="nav-link">
                    <i class="fa fa-file"></i><span class="title">信用评价分析</span><span class="selected"></span>
                  </a>
                </li>
                <li class="nav-item" data-rid="0g12u-83cr00-008na">
                  <a href="良好信用分析.html" class="nav-link">
                    <i class="fa fa-file"></i><span class="title">良好信用分析</span>
                  </a>
                </li>
                <li class="nav-item" data-rid="0g12u-83cr00-008na">
                  <a href="不良信用分析.html" class="nav-link">
                    <i class="fa fa-file"></i><span class="title">不良信用分析</span>
                  </a>
                </li>
              </ul>
            </li>
          </ul>
        </div>
      </div>
    </div>


    <div class="page-content-wrapper pull-right">
      <div class="page-content">
        <div class="analysis__box">
          <ul class="ls_tab">
            <li class="active"><a href="#cut1" data-toggle="tab">信用申报</a></li>
            <li><a href="#cut2" data-toggle="tab">信用采集</a></li>
            <li><a href="#cut3" data-toggle="tab">信用采集审核效率</a></li>
          </ul>
          <div class="tab-content">
            <div id="cut1" class="tab-pane active">
              <section class="margin-bottom-30">
                <div class="clearfix">
                  <div class="h-title pull-left">信用申报完成率</div>
                  <div class="aly_header margin-top-10 pull-right">
                    <div class="alr_item">
                      <b>企业类型</b>
                      <select class="head-select">
                        <option value="">造价企业</option>
                      </select>
                    </div>
                    <div class="alr_item">
                      <b>申报时间</b>
                      <select class="head-select">
                        <option value="">2020年</option>
                      </select>
                    </div>
                  </div>
                </div>
                <ul class="obtain margin-bottom-20 clearfix">
                  <li>
                    <p class="margin-bottom-10">年度应申报企业数 <img class="" src="information.png"></p>
                    <p class="amount">22,133<span class="view" style="color: #34AA44;">较上年度+121</span></p>
                  </li>
                  <li>
                    <p class="margin-bottom-10">年度已申报企业数 <img class="" src="information.png"></p>
                    <p class="amount">2,133<span class="view" style="color: #34AA44;">较上年度+121</span></p>
                  </li>
                  <li>
                    <p class="margin-bottom-10">年度未申报企业数 <img class="" src="information.png"></p>
                    <p class="amount">13,893<span class="view" style="color: #E72038;">较上年度-12</span></p>
                  </li>
                  <li>
                    <p class="margin-bottom-10">年度申报完成率 <img class="" src="information.png"></p>
                    <p class="amount">1,232<span class="view" style="color: #34AA44;">较上年度+121</span></p>
                  </li>
                </ul>
              </section>

              <section class="margin-bottom-30">
                <div class="clearfix">
                  <div class="h-title pull-left">信用采集审核分析</div>
                  <div class="aly_header margin-top-10 pull-right">
                    <div class="alr_item">
                      <b>企业类型</b>
                      <select class="head-select">
                        <option value="">造价企业</option>
                      </select>
                    </div>
                    <div class="alr_item">
                      <b>申报时间</b>
                      <select class="head-select">
                        <option value="">2020年</option>
                      </select>
                    </div>
                  </div>
                </div>
                <div class="clearfix">
                  <div id="collectionGood" class="work-chart" style="border-right: 1px solid #EAEDF3;"></div>
                  <div  id="collectionBad" class="work-chart"></div>
                </div>

              </section>


              <section class="margin-bottom-30">
                <div class="clearfix">
                  <div class="h-title pull-left">信用申诉分析</div>
                  <div class="aly_header margin-top-10 pull-right">
                    <div class="alr_item">
                      <b>企业类型</b>
                      <select class="head-select">
                        <option value="">造价企业</option>
                      </select>
                    </div>
                    <div class="alr_item">
                      <b>信用指标</b>
                      <select class="head-select">
                        <option value="">未依法与员工签订劳动合同的</option>
                      </select>
                    </div>
                    <div class="alr_item">
                      <b>年度</b>
                      <select class="head-select">
                        <option value="">2020年</option>
                      </select>
                    </div>
                  </div>
                </div>
                <div class="clearfix">
                  <div class="work-chart relative" style="border-right: 1px solid #EAEDF3;">
                    <div class="minTitle">
                      <span class="tEct">信用申诉审核通过率 <img src="information.png" alt=""></span>

                      <div class="legend">
                        <span class="margin-right-30"><i></i> 审核未通过</span>
                        <span><i></i> 审核已通过 </span>
                      </div>
                    </div>
                    <div class="h-100p"  id="collectionPass" ></div>

                  </div>
                  <div class="work-chart relative">
                    <div class="minTitle">
                      <span class="tEct">信用申诉率 <img src="information.png" alt=""></span>

                      <div class="legend">
                        <span class="margin-right-30"><i></i> 未被申诉信用</span>
                        <span><i style="background: #F6AB2E"></i> 被申诉信用 </span>
                      </div>
                    </div>
                    <div class="h-100p"  id="collectionRate" ></div>

                  </div>
                </div>

              </section>

            </div>



            <div id="cut2" class="tab-pane">

            </div>
            <div id="cut3" class="tab-pane">

            </div>
          </div>


        </div>
      </div>
    </div>

  </div>
</div>


<!--region 引入公用js和css -->
<script src="../assets/plugins/sweetalert/sweetalert.min.js"></script>
<script src="../assets/plugins/jquery.blockui.min.js"></script>
<script src="../assets/plugins/js.cookie.min.js"></script>
<script src="../assets/plugins/jquery-slimscroll/jquery.slimscroll.min.js"></script>
<script src="../assets/plugins/jquery.blockui.min.js"></script>
<script src="../assets/plugins/bootstrap-switch/js/bootstrap-switch.min.js"></script>
<script src="../assets/plugins/bootstrap-touchspin/bootstrap.touchspin.js"></script>
<script src="../assets/plugins/moment.min.js"></script>
<script src="../assets/plugins/bootstrap-daterangepicker/daterangepicker.min.js"></script>
<script src="../assets/plugins/counterup/jquery.waypoints.min.js"></script>
<script src="../assets/plugins/counterup/jquery.counterup.min.js"></script>
<script src="../assets/plugins/fullcalendar/fullcalendar.js"></script>
<script src="../assets/plugins/horizontal-timeline/horizontal-timeline.js"></script>
<script src="../assets/plugins/jquery.sparkline.min.js"></script>
<script src="../assets/plugins/select2/js/select2.js"></script>
<script src="../assets/plugins/select2/js/i18n/zh-CN.js"></script>
<script src="../assets/plugins/ztree/jquery.ztree.all.js"></script>
<script src="../assets/plugins/jquery-form/jquery.form.js"></script>
<script src="../assets/plugins/jquery-validator/jquery.placeholder.min.js"></script>
<script src="../assets/plugins/jquery-validator/jquery.validate.js"></script>
<script src="../assets/plugins/jquery-validator/jquery.validate.custom.js"></script>
<script src="../assets/plugins/jquery-validator/localization/messages_zh.js"></script>
<script src="../assets/plugins/jquery-validator/additional-methods.js"></script>
<script src="../assets/plugins/bootstrap-growl/jquery.bootstrap-growl.js"></script>
<script src="../assets/plugins/bootstrap-table/bootstrap-table.js"></script>
<script src="../assets/plugins/bootstrap-table/locale/bootstrap-table-zh-CN.js"></script>
<script src="../assets/plugins/bootstrap-table/extensions/tree-column/bootstrap-table-tree-column.js"></script>
<script src="../assets/base/scripts/app.js"></script>
<script src="../assets/base/scripts/theme.js"></script>
<script src="../assets/ditop/ditop-addition.js"></script>
<script src="../assets/plugins/bootstrap-datepicker/js/bootstrap-datepicker.min.js" type="text/javascript"></script>
<script src="../assets/plugins/bootstrap-datepicker/locales/bootstrap-datepicker.zh-CN.min.js"
        type="text/javascript"></script>
<script type="text/javascript" src="../assets/plugins/bootstrap-datetimepicker/js/bootstrap-datetimepicker.min.js"
        charset="UTF-8"></script>
<script type="text/javascript"
        src="../assets/plugins/bootstrap-datetimepicker/js/locales/bootstrap-datetimepicker.zh-CN.js"
        charset="UTF-8"></script>
<script src="../assets/plugins/jquery-validator/jquery.validate.custom.js"></script>
<script src="../assets/ditop/layout.js"></script>
<!--endregion-->
<!--<script src="collection.js"></script>-->
<script>


  function CollectionGood() {
    let myChart = echarts.init(document.getElementById("collectionGood"));
    const colors = ["#3BAD4B", "#EAECEE"];
    myChart.setOption({
      title: [{
        text: "全市良好信用统计",
        left: 40,
        top: 24,
        textStyle: {
          color: "#3BAD4B",
          fontWeight: 500
        }
      }, {
        text: "{a|89%}\n{b|审核完成率}",
        left: 95,
        top: 175,
        textStyle: {
          rich: {
            a: {
              width: 100,
              align: "center",
              lineHeight: 40,
              fontSize: 30,
              fontWeight: 600,
            },
            b: {
              width: 100,
              align: "center",
              lineHeight: 20,
              fontSize: 16,
              fontWeight: 500,
            }
          }
        }
      }],
      legend: {
        orient: 'vertical',
        data: ["已审核", "未审核"],
        icon: "circle",
        left: " 55%",
        bottom: 80,
        formatter: function (name) {
          var data = myChart._model.option.series[0].data
          var index = 0, total = 0;
          data.forEach(function (item, i) {
            if (item.name === name) {
              index = i;
            }
          });
          return "{a|" + name + "}   " + "{b|" + data[index].value + "条}"

        },
        textStyle: {
          padding: [0, 0, -2],
          rich: {
            a: {
              fontSize: 14,
              lineHeight: 20
            },
            b: {
              fontSize: 16,
              lineHeight: 20,
              fontWeight: "bold",

            }
          }
        }
      },
      tooltip: {
        trigger: "item"
      },
      series: [{
        type: "pie",
        clockwise: false,
        radius: [70, 115],
        center: [150, 210],
        label: {
          show: false,
        },
        hoverAnimation: false,
        silent:true,
        itemStyle: {
          color: function (params) {
            return params.value == 0 ? "#EAECEE" : colors[params.dataIndex];
          },
          emphasis: {
            opacity:1,
          },
        },
        data: [
          {name: "已审核", value: 1000},
          {name: "未审核", value: 321}
        ]
      }]
    });
    console.log(myChart)
    $("#collectionGood").append('<div class="coll_all">' +
        '<div class="coll_all_total">1321条</div>' +
        '<div class="coll_all_text">全市良好信用审核总数</div>' +
        '</div><a class="collection_btn" href="javascript:;">查看详情 →</a>');
    $(window).resize(myChart.resize);
    $('a[data-toggle="tab"]').on('shown.bs.tab', function (e) {
      myChart.resize();
    })
  }
  CollectionGood();


  function CollectionBad() {
    let myChart = echarts.init(document.getElementById("collectionBad"));
    const colors = ["#E7492E", "#EAECEE"];
    myChart.setOption({
      title: [{
        text: "全市不良信用统计",
        left: 40,
        top: 24,
        textStyle: {
          color: "#E7492E",
          fontWeight: 500
        }
      }, {
        text: "{a|64%}\n{b|审核完成率}",
        left: 95,
        top: 175,
        textStyle: {
          rich: {
            a: {
              width: 100,
              align: "center",
              lineHeight: 40,
              fontSize: 30,
              fontWeight: 600,
            },
            b: {
              width: 100,
              align: "center",
              lineHeight: 20,
              fontSize: 16,
              fontWeight: 500,
            }
          }
        }
      }],
      legend: {
        orient: 'vertical',
        data: ["已审核", "未审核"],
        icon: "circle",
        left: " 55%",
        bottom: 80,
        formatter: function (name) {
          var data = myChart._model.option.series[0].data
          var index = 0, total = 0;
          data.forEach(function (item, i) {
            if (item.name === name) {
              index = i;
            }
          });
          return "{a|" + name + "}   " + "{b|" + data[index].value + "条}"

        },
        textStyle: {
          padding: [0, 0, -2],
          rich: {
            a: {
              fontSize: 14,
              lineHeight: 20
            },
            b: {
              fontSize: 16,
              lineHeight: 20,
              fontWeight: "bold",

            }
          }
        }
      },
      tooltip: {
        trigger: "item"
      },
      series: [{
        type: "pie",
        clockwise: false,
        radius: [70, 115],
        center: [150, 210],
        label: {
          show: false,
        },
        hoverAnimation: false,
        itemStyle: {
          color: function (params) {
            return params.value == 0 ? "#EAECEE" : colors[params.dataIndex];
          },
        },
        data: [
          {name: "已审核", value: 20},
          {name: "未审核", value: 20}
        ]
      }]
    });
    $("#collectionBad").append('<div class="coll_all">' +
        '<div class="coll_all_total">1321条</div>' +
        '<div class="coll_all_text">全市不良信用审核总数</div>' +
        '</div><a class="collection_btn" href="javascript:;">查看详情 →</a>');
    $(window).resize(myChart.resize);
    $('a[data-toggle="tab"]').on('shown.bs.tab', function (e) {
      myChart.resize();
    })
  }
  CollectionBad();


  function collectionPass() {
    let myChart = echarts.init(document.getElementById("collectionPass"));
    const colors = ["#1665D8", "#EAECEE"];
    myChart.setOption({
      title: [{
        show:false,
        text: "信用申诉审核通过率",
        left: 40,
        top: 24,
        textStyle: {
          color: "#3BAD4B",
          fontWeight: 500
        }
      }, {
        text: "{a|89%}\n{b|信用申诉审核通过率}",
        left: 95,
        top: 175,
        textStyle: {
          rich: {
            a: {
              width: 100,
              align: "center",
              lineHeight: 40,
              fontSize: 30,
              fontWeight: 600,
            },
            b: {
              width: 100,
              align: "center",
              lineHeight: 20,
              fontSize: 16,
              fontWeight: 500,
            }
          }
        }
      }],
      legend: {
        orient: 'vertical',
        data: ["审核已通过", "审核未通过"],
        icon: "circle",
        left: " 55%",
        bottom: 80,
        formatter: function (name) {
          var data = myChart._model.option.series[0].data
          var index = 0, total = 0;
          data.forEach(function (item, i) {
            if (item.name === name) {
              index = i;
            }
          });
          return "{a|" + name + "}   " + "{b|" + data[index].value + "条}"

        },
        textStyle: {
          padding: [0, 0, -2],
          rich: {
            a: {
              fontSize: 14,
              lineHeight: 20
            },
            b: {
              fontSize: 16,
              lineHeight: 20,
              fontWeight: "bold",

            }
          }
        }
      },
      tooltip: {
        trigger: "item"
      },
      series: [{
        type: "pie",
        clockwise: false,
        radius: [80, 115],
        center: [150, 210],
        label: {
          show: false,
        },
        hoverAnimation: false,
        silent:true,
        itemStyle: {
          color: function (params) {
            return params.value == 0 ? "#EAECEE" : colors[params.dataIndex];
          },
          emphasis: {
            opacity:1,
          },
        },
        data: [
          {name: "审核已通过", value: 1000},
          {name: "审核未通过", value: 321}
        ]
      }]
    });
    console.log(myChart)
    $("#collectionPass").append('<div class="coll_all">' +
        '<div class="coll_all_total">1321条</div>' +
        '<div class="coll_all_text">信用申诉总数</div>' +
        '</div>');
    $(window).resize(myChart.resize);
    $('a[data-toggle="tab"]').on('shown.bs.tab', function (e) {
      myChart.resize();
    })
  }
  collectionPass();


  function collectionRate() {
    let myChart = echarts.init(document.getElementById("collectionRate"));
    const colors = ["#F6AB2E", "#EAECEE"];
    myChart.setOption({
      title: [{
        show:false,
        text: "信用申诉率",
        left: 40,
        top: 24,
        textStyle: {
          color: "#3BAD4B",
          fontWeight: 500
        }
      }, {
        text: "{a|89%}\n{b|信用申诉率}",
        left: 95,
        top: 175,
        textStyle: {
          rich: {
            a: {
              width: 100,
              align: "center",
              lineHeight: 40,
              fontSize: 30,
              fontWeight: 600,
            },
            b: {
              width: 100,
              align: "center",
              lineHeight: 20,
              fontSize: 16,
              fontWeight: 500,
            }
          }
        }
      }],
      legend: {
        orient: 'vertical',
        data: ["被申诉信用", "未被申诉信用"],
        icon: "circle",
        left: " 55%",
        bottom: 80,
        formatter: function (name) {
          var data = myChart._model.option.series[0].data
          var index = 0, total = 0;
          data.forEach(function (item, i) {
            if (item.name === name) {
              index = i;
            }
          });
          return "{a|" + name + "}   " + "{b|" + data[index].value + "条}"

        },
        textStyle: {
          padding: [0, 0, -2],
          rich: {
            a: {
              fontSize: 14,
              lineHeight: 20
            },
            b: {
              fontSize: 16,
              lineHeight: 20,
              fontWeight: "bold",

            }
          }
        }
      },
      tooltip: {
        trigger: "item"
      },
      series: [{
        type: "pie",
        clockwise: false,
        radius: [80, 115],
        center: [150, 210],
        label: {
          show: false,
        },
        hoverAnimation: false,
        silent:true,
        itemStyle: {
          color: function (params) {
            return params.value == 0 ? "#EAECEE" : colors[params.dataIndex];
          },
          emphasis: {
            opacity:1,
          },
        },
        data: [
          {name: "被申诉信用", value: 1000},
          {name: "未被申诉信用", value: 321}
        ]
      }]
    });
    console.log(myChart)
    $("#collectionRate").append('<div class="coll_all">' +
        '<div class="coll_all_total">121条</div>' +
        '<div class="coll_all_text">信用总数</div>' +
        '</div>');
    $(window).resize(myChart.resize);
    $('a[data-toggle="tab"]').on('shown.bs.tab', function (e) {
      myChart.resize();
    })
  }
  collectionRate();
</script>
</body>
</html>
